

{% block content %}

{% load staticfiles %}

<head>
	<title>Sign In</title>
</head>


<body>

<head>
	<title>Hotels</title>
	<link href="{% static 'style.css' %}" rel='stylesheet'>
</head>


<body>

	<div id="header">
		<a href="/hotels/" id="logo"><img src="{% static 'images/logo.jpg' %}" alt="" width="507" height="88" /></a>																											
		<span>Traditionally  Royal  hotel</span>
		<ul id="menu">
			<li><a href="/hotels/" style="color:black; font-size: 15px;">Home</a></li>
			<li><a href="/users/signup/" style="color:black; font-size: 15px;">SignUp</a></li>
			<li><a href="/users/logout/" style="color:black; font-size: 15px;">Logout</a></li>
		</ul>
		<img src="{% static 'images/image.jpg' %}" alt="" width="1000" height="311" /><br />

	</div>

	<div id="content">
		<div class="inside">
			<div id="sidebar">
				
				<div class="block">
					<h4>INFO</h4>
					{% if error_message %}
						<p style="color: red; font-size:16px"><strong>{{ error_message }}</strong></p>
					{% endif %}


				</div>
			</div>
				
			</div>
			<div id="center">
			<br>

    	<form method='post' action='/users/login/'>{% csrf_token %}
			<table>
				{{ signin_form.as_table }}
			</table>
			<input type='submit' value='Login'>
		</form>


			</div>
			<div id="photogallery">
				<div class="photos">
					<img src="{% static 'images/photogallery_title.gif'%}" alt="" width="270" height="62" id="title" />
					<a href="#" target="_blank"><img src="{% static 'images/img1.jpg'%}" alt="" width="158" height="100" /></a>
					<span>Name Photo</span>
					<a href="#" target="_blank"><img src="{% static 'images/img2.jpg'%}" alt="" width="158" height="100" /></a>	 
				</div>
				<img src="{% static 'images/end.gif'%}" alt="" width="270" height="60" />
			</div>
		</div>	
	</div>
	<div id="footer">
		<ul>
			<li><a href="/hotels/">Home</a></li>
		</ul>
		<div id="copyright">																																																																																																											
			<span>Copyright &copy; MontBlanc Apartments</span>
			<span>&copy; Design by <a href="/hotels/" >Karim Omran</a></span>																																																																	
		</div>
	</div>





</body>

{% endblock %}
